<template>
  <!-- <slide-up-down :active="expand" :useHidden="false" :duration="500">
    <comment-item v-for="(item, index) in comments" :key="index" :item="item">
    </comment-item>
  </slide-up-down> -->
  <div>
    <comment-item v-for="(item, index) in comments" :key="index" :item="item">
    </comment-item>
  </div>
</template>
<script lang="ts">
import { Component, Vue, Prop, Emit } from 'vue-property-decorator';
import commentPen from './pen.vue';
@Component<commentList>({
  components: {
    commentItem: () => import('./item.vue'),
    'comment-pen': commentPen
  }
})
export default class commentList extends Vue {
  //显示
  @Prop({ type: Array, required: true, default: () => [] })
  comments!: [];

  //显示
  @Prop({ type: Boolean, required: true, default: true })
  expand!: true;
}
</script>
<style lang="scss" scoped></style>
